import { defineStore } from 'pinia';
import { getUserInfo } from '@/api/userinfor.js';

export const useUserInfo = defineStore('userinfor',{
  state: () => {
    return {
      imageUrl: '',
      name: '',
      sex: '',
      department: '',
      account: '',
      email: '',
      identity: '',
    }
  },
  getters: {},
  actions: {
    // 这边写一个接口，用于获取信息state
    // 登录后就可以获取id, 所以登录页使用
    async useInfo(id){
      const res = await getUserInfo(id)
      // console.log(res);
      this.imageUrl = res.data.image_url
			this.name = res.data.name
			this.sex = res.data.sex
			this.department = res.data.department
			this.identity = res.data.identity
			this.account = res.data.account
			this.email = res.data.email
    }
  },
  // 启用了 Vuex 数据的持久化,例如使用浏览器的本地存储localStorage,即使页面刷新或浏览器关闭，数据也不会丢失，下次打开应用时会自动恢复之前存储的状态数据
  persist: true
})